<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${ctx}/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="${ctx}/systemStatic/style/admin.css">
    <link rel="stylesheet" href="${ctx}/extends/zTree_v3/css/zTreeStyle/zTreeStyle.css"/>
    <link rel="stylesheet" href="${ctx}/iconfont/iconfont.css"/>
    <link rel="stylesheet" href="${ctx}/css/public.css">

    <link href="${ctx}/extends/bootstrap/css/bootstrap-combined.min.css" rel="stylesheet">
    <link href="${ctx}/extends/bootstrap/css/layoutit.css" rel="stylesheet">
    <link href='${ctx}/extends/fullcalendar-2.5.0/fullcalendar.css' rel='stylesheet' />
    <link href='${ctx}/extends/fullcalendar-2.5.0/fullcalendar.print.css' rel='stylesheet' media='print' />
    <link rel="stylesheet" href="${ctx}/css/index/layoutPublic.css">
    <link rel="stylesheet" href="${ctx}/qbdmsStatic/style/qbdms.css">

    <script type="text/javascript">
        var __ctx = "${ctx}";
    </script>
    <script src="${ctx}/extends/jquery.min.js" type="text/javascript"></script>
    <script src="${ctx}/public/component.js" type="text/javascript"></script>
    <script src="${ctx}/layui/layui.js"></script>
    <script src="${ctx}/extends/zTree_v3/js/jquery.ztree.all.min.js" type="text/javascript"></script>
    <script src="${ctx}/extends/zTree_v3/js/jquery.ztree.exhide.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="${ctx}/extends/echarts.min.js"></script>
    <script src='${ctx}/extends/fullcalendar-2.5.0/lib/moment.min.js'></script>
    <script src='${ctx}/extends/fullcalendar-2.5.0/fullcalendar.js'></script>
    <script type="text/javascript" src='${ctx}/extends/fullcalendar-2.5.0/lang/zh-cn.js'></script>
    <style>
        .red{
            background: red !important;
        }
        .myBtn {
            height: 30px;
            line-height: 30px;
            padding: 0 24px;
            background: rgba(38, 130, 255, 1);
            border-radius: 2px;
        }
    </style>
</head>
<body style=" cursor: auto;" class="devpreview sourcepreview">
<div class="container-fluid" style="padding: 0">
    <div class="row-fluid">
        <!--/span-->
        <div class="demo ui-sortable"></div>
        <!--/span-->
        <div id="download-layout">
            <div class="container-fluid"></div>
        </div>
    </div>
    <!--/row-->
</div>
<script type="text/html" id="wQbdFalProblemresetRightToolsBar">
    <a class="RightBtn" lay-event="history">关联分析</a>
</script>
<script>
    layui.config({
        base: serverPath.systemPath + staticPath.systemPath //静态资源所在路径
    }).extend({
        index: 'index' //主入口模块
    }).use(['index', 'setter', 'commons', 'form','jquery','layer'], function () {
        var setter=layui.setter,layer=layui.layer;
        var id='${id}';
        $('.layui-layout-body').addClass('devpreview sourcepreview');
        $('.layui-layout-body').removeClass('layui-layout-body');
        function scriptInit() {
            var oScript = document.createElement("script");
            oScript.type = "text/javascript";
            oScript.src = "${ctx}/js/index/indexPage.js";
            document.body.appendChild(oScript);
        }
            $.ajax({
                url: serverPath.systemPath  + setter.sysLinkPath +"indexLayoutManage/getOneOrDefault",
                type: "get",
                contentType: 'application/json',
                dataType: 'json',
                data: {"id": id},
                success: function (data) {
                    if (data.code === 0) {
                        var results = data.data;
                        if(results){
                            $('.demo.ui-sortable').html(results.designHtml);
                            $('[contenteditable]').attr('contenteditable','false');
                            scriptInit();
                        }
                    } else {
                        layer.alert(data.msg);
                    }
                }
            })
    });
</script>

<style>
 body{
     background: #f4f7fd;
 }
 .ui-draggable {
        clear: both;
    }
 .demo .box .view{
     padding: 0;
 }

</style>
</body>
</html>